<extend name="default/public/common" />

<block name="main">
    <volist name="article" id="vo">
        <article class="article"  style="margin:0 auto;width:60%;">
            <header>
                <h1 class="text-center">{$vo.title}</h1>
                <dl class="dl-inline">
                    <dt>来源：</dt>
                    <dd>{$vo.user_id}</dd>
                    <dt>最后修订：</dt>
                    <dd>{$vo.ctime|date="Y年m月d日 H:i:s",###}</dd>
                    <dt></dt>
                    <dd class="pull-right"><span class="label label-success">HTML</span> <span class="label label-warning">网页设计</span> <span class="label label-info">W3C</span> <span class="label label-danger"><i class="icon-eye-open"></i> 235</span></dd>
                </dl>
                <section class="abstract">
                </section>
            </header>
            <section class="content" style="margin:0 auto;width:98%;">
                {$vo.content}
            </section>


            <footer>

                <div class="comment">
                    <a href="###" class="avatar">
                        <i class="icon-camera-retro icon-2x"></i>
                    </a>
                    <div class="content">
                        <div class="pull-right text-muted">3 个小时前</div>
                        <div><a href="###"><strong>张士超</strong></a></div>
                        <div class="text">今天玩的真开心！~~~~~~</div>
                        <div class="actions">
                            <a href="##">回复</a>
                        </div>
                    </div>
                    <div class="comments-list">
                        <div class="comment">
                            <a href="###" class="avatar">
                                <i class="icon-user icon-2x"></i>
                            </a>
                            <div class="content">
                                <div class="pull-right text-muted">2 个小时前</div>
                                <div><a href="###"><strong>Catouse</strong></a> <span class="text-muted">回复</span> <a href="###">张士超</a></div>
                                <div class="text">你到底把我家钥匙放哪里了...</div>
                                <div class="actions">
                                    <a href="##">回复</a>
                                    <a href="##">编辑</a>
                                    <a href="##">删除</a>
                                </div>
                            </div>
                            <div class="comments-list">
                                <div class="comment">
                                    <a href="###" class="avatar">
                                        <i class="icon-yinyang icon-2x"></i>
                                    </a>
                                    <div class="content">
                                        <div class="pull-right text-muted">1 个小时前</div>
                                        <div><a href="###"><strong>门口大爷</strong></a> <span class="text-muted">回复</span> <a href="###">Catouse</a></div>
                                        <div class="text">不在我这儿...</div>
                                        <div class="actions">
                                            <a href="##">回复</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="comment">
                                    <a href="###" class="avatar">
                                        <i class="icon-cube-alt icon-2x"></i>
                                    </a>
                                    <div class="content">
                                        <div class="pull-right text-muted">1 个小时前</div>
                                        <div><a href="###"><strong>队长</strong></a> <span class="text-muted">回复</span> <a href="###">Catouse</a></div>
                                        <div class="text">也不在我这儿...</div>
                                        <div class="actions">
                                            <a href="##">回复</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="comment">
                            <a href="###" class="avatar">
                                <i class="icon-heart-empty icon-2x"></i>
                            </a>
                            <div class="content">
                                <div class="pull-right text-muted">30 分钟前</div>
                                <div><a href="###"><strong>华师大第一美女</strong></a> <span class="text-muted">回复</span> <a href="###">张士超</a></div>
                                <div class="text">很开心~~~</div>
                                <div class="actions">
                                    <a href="##">回复</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>

            <div class="panel">
                <div class="panel-heading" style="margin-left:10px;">
                    评论
                </div>
                <div class="panel-body text-center" >
                        <textarea name="" id="" style="width:90%;height:200px;margin-top:30px;">
                        </textarea>
                </div>
                <div class="text-right" style="margin:20px;"><a href="" class="btn btn-primary">提交</a></div>
            </div>
        </article>
    </volist>
</block>